<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link th:href="@{/asserts/css/bootstrap.min.css}" rel="stylesheet" type="text/css"/>
    <style type="text/css">
        body{margin: 0}
        #top{text-align: center;color: #fff;background-color: #2B2E33}
        #footer{
            text-align: center;
            background-color: #eee;
            padding: 20px

        }
    </style>
</head>
<body>
<div id="top">
    <div class="container">
        <h1>****管理系统</h1>
    </div>
</div>
<div id="form-info">

    <!--
    action属性中：服务器的资源路径
    method:指定为post
    表单提交的时候表单控件的名称就是提交给服务器端的请求参数的名称
    -->
    <form th:action="@{/manager/login}" class="form-horizontal" method="post" style="width: 400px;margin: 0 auto;padding-top: 15%">
        <div class="form-group has-feedback">
            <label class="control-label col-md-3">用户名：</label>
            <div class="col-md-9">
                <input type="text" name="manager_name" class="form-control "/>
                <span class="glyphicon glyphicon-user form-control-feedback"></span>

            </div>
        </div>
        <div class="form-group has-feedback">
            <label class="control-label col-md-3">密码：</label>
            <div class="col-md-9">
                <input type="password" name="manager_pwd" class="form-control"/>
                <span class="glyphicon glyphicon-lock form-control-feedback"></span>

            </div>
        </div>

        <div class="form-group has-feedback">
            <label class="control-label col-md-3"></label>
            <div class="col-md-9">
                <label class="control-label col-md-2">

                </label>
                <button type="submit" class="btn btn-info col-md-4">登录</button>
                <label class="control-label col-md-2"></label>
                <button type="reset" class="btn btn-info col-md-4">取消</button>
            </div>
        </div>
    </form>
</div>
<div id="footer" class="text-muted">
    <p>企业培训 | 合作事宜 | 版权投诉</p>
    <p>苏 ICP 备 12345678.
        Bootstrap.</p>
</div>

<script type="text/javascript" th:src="@{/asserts/js/jquery-1.12.3.min.js}"></script>
<script type="text/javascript" th:src="@{/asserts/js/bootstrap.min.js}"></script>

<script type="text/javascript">
    var de=document.documentElement.clientHeight-$("#top").height()-$("#footer").height();
    $("#form-info").height(de-40);

    $(window).resize(function(){

        var de=document.documentElement.clientHeight-$("#top").height()-$("#footer").height();
        $("#form-info").height(de-40);
    });
</script>
</body>
</html>